<template>
  <div class="SiBottom">
    <div class="blogroll">
        <h2>友情链接:</h2>
      <ul >
        <li v-for="(item,index) in SiBottom" :key="index"><a :href="item.dictValue" target="">{{item.dictLabel}}</a></li>
      </ul>

    </div>
    <p ></p>
    <div >Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号</div>
  </div>
</template>

<script>
import {SiBottom} from "@/api/index-api";

export default {
  name: "SiBotto",
  data(){
    return{
      SiBottom:[]
    }
  },
  created() {
    SiBottom().then(res=>{
      this.SiBottom=res.rows

    })
  }
}
</script>

<style scoped lang="less">
.SiBottom{
  background: #444546;
  color: #999;
  font-size: 14px;
  width: 100%;
  height:200px;
  margin-top: 30px;

}
.blogroll{
  width: 1200px;
  margin: 0 auto;
  color: #999;
  padding-top: 20px;

  h2{
    padding-top: 20px;
    font-weight : 500;
  }
  ul{

    list-style: none;
    //margin-top: 30px;
    display: flex;
    li{
      padding: 20px 0;
    margin-right: 30px;
      a{
        text-decoration: none;
        color: #999 ;
        font-size: 14px;

      }
    }

  }

}
div{
  width: 550px;
  margin:0 auto;
}
p{
  border: 1px solid  #fff;
  //height: 1px;
  width: 1000px;
  margin: 5px auto;
}
</style>